import axios1 from 'axios'
import to from '@/utils/awaitTo'
import store from '@/store' // 把to函数请过来-让它包装住axios请求, 把结果处理成数组再返回到业务页面中
import Notify from '@/ui/Notify'// 也可以直接用vant组件库里的按需引入
import router from '@/router'
// 按需删除token
import { removeStorage } from '@/storage'
// import bigInt from 'json-bigint'
var JSONbigString = require('json-bigint')({ storeAsString: true })
// axios.defaults.baseURL = 'http://toutiao-app.itheima.net'
// export default axios // 让外面使用带基地址的axios方法

// 问题: 如果以后换网络请求库, ajax的$.ajax()
// 配置项: url, type, data
// 解决: 中间加一层函数, 自己处理外面传进来了的值
// 函数形参 - 对象的解构赋值, 一个个值接到变量上
const axios = axios1.create({
  baseURL: 'http://toutiao-app.itheima.net',
  transformResponse: [function (data) {
    //   JSON.parse处理不了大数
    // bigInt.parse 会转换为json字符串，遇到大数会自动转换为bigNumber类型
    // console.log(data)
    return JSONbigString.parse(data)
  }]
})

axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 统一请求头
  if (store.state.token) {
    // 统一添加了Authorization头-携带身份标识
    config.headers.Authorization = 'Bearer ' + store.state.token
  }
  console.log(config)
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) { // response就是响应对象
  // 对响应数据做点什么
  console.log(response)
  return response
}, function (error) {
  console.dir(error)
  // 对响应错误做点什么
  if (error.response.status === 401) {
    Notify({ type: 'danger', message: 'token过期-请重新登录' })
    // token已经过期-本地和vuex里的删除
    removeStorage('token')
    store.commit('clearToken')
    // store.commit('模块名/mutations名字')
    setTimeout(() => {
      router.push({
        name: 'Login'
      })
    }, 1000)
  }
  return Promise.reject(error)
})

export default ({ url, method = 'GET', data = {}, headers = {}, params = {} }) => {
  const PromiseA = axios({
    url,
    method,
    data,
    headers,
    params
  })
  return to(PromiseA) // 开整-网络请求
}
